<template>
	<div class="reciveAddressPage">
		<div class="top_fixed">
				<p>收货地址</p>
				<van-icon name="arrow-left"  @click="backToOrder"/>
			</div>
			<div class="middle">
				<p>暂时还没有地址哦~</p>
			</div>
			<div class="bottom_fixed">
				<p>+ &nbsp; 新增收货地址</p>
			</div>
		</div>
		
		
	</div>
</template>

<script>
	export default{
		name:'reciveAddressPage',
		data(){
			return{
				
			}
		},
		methods:{
			backToOrder(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped>
	.reciveAddressPage{
		width: 375px;
		height: 667px;
		background-color: #f7f7f7;
	}
	.top_fixed{
		position: fixed;
		top: 0;
		z-index: 10;
		width: 375px;
		height: 50px;
		background-color: #e91f3c;
		color: white;
	}
	.top_fixed p{
		font-size: 16px;
		font-weight: 600;
	}
	.top_fixed .van-icon{
		
		display: block;
		width: 25px;
		height: 25px;
		margin-top: -35px;
	}
	.bottom_fixed{
		position: fixed;
		bottom: 0;
		height: 50px;
		width: 375px;
		background-color: #e91f3c
		
	}
	.bottom_fixed p{
		color: white;
		font-size: 18px;
		margin-top: 12px;
	}
	
	.middle{
		position: absolute;
		top: 200px;
		left: 120px;
		
	}
</style>
